@charset "utf-8";
/* CSS Document */
.wm_card_big_body *{
	-webkit-tap-highlight-color:transparent
}
.cardList {
	width: 100%;
	height: 100%;
	display: block;
	overflow-x: auto;
	overflow-y: hidden;
	text-align: center;
	margin: 4px 0 10px 0;
	/* padding-bottom: 15px;
  border-bottom: 1px dashed #ccc; */
}
.wm_card_big_body{
	cursor: url(../icon/cur/default.cur),default;
}
.wm_card_big_body a{
	cursor: url(../icon/cur/pointer.cur),pointer;
}
.wm_card_big_body input{
	cursor: url(../icon/cur/text.cur),text;
}
.wm_card_big_body .layui-layer-btn a{
	cursor: url(../icon/cur/pointer.cur),pointer;
}
.wm_card_big_body .layui-layer-setwin .layui-layer-close1 {
    cursor: url(../icon/cur/pointer.cur),pointer;
}
.jar_loading_body{
	cursor: url(../icon/cur/wait.cur),default;
}
@media only screen and (min-width: 767px) {
	.cardList::-webkit-scrollbar-track-piece {
		background: #eee
	}

	.cardList::-webkit-scrollbar {
		width: 6px;
		height: 6px
	}

	.cardList::-webkit-scrollbar-thumb {
		height: 40px;
		border-radius: 4px;
		background-color: #A5A5A5
	}

	.cardList::-webkit-scrollbar-thumb:hover {
		background-color: #bbb
	}
}
.card,
.inner,
.card .face,
.card .back {
	width: 160px;
	height: 225px;
	border-radius: 6px;
}
.card {
	margin: 10px;
	display: inline-block;
	perspective: 800px;
	-webkit-perspective: 800px;
}
.inner {
	cursor: url(../icon/cur/pointer.cur),pointer;
	overflow: hidden;
	box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}
.card .face,
.card .back {
	vertical-align: middle;
	text-align: center;
	background: #fff;
}
.card .face {
	box-sizing: border-box;
	display: none;
	border: 1px solid #ccc;
	background: #fff;
}
.card .face img {
	width: 160px;
	height: 225px;
}
.card .back {
	display: block;
	background-image: url(img/back.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.card.reverse .face {
	display: block;
}
.card.reverse .back {
	display: none;
}
.wm_card_email,.wm_card_email_starshop,.wm_card_email_cardmix,.wm_card_email_demining,.wm_card_email_bouerse,.wm_card_bouerse_buysell_input,.wm_card_email_guesscard{
	border:1px solid #333;
	height:16px;
	width:200px;
	line-height:16px;
	border-radius:5px;
	padding:10px;
	text-align:center;
	background-color:#fff!important;
}
.wm_card_mailcheck .wm_card_email_starshop,.wm_card_bouerse_input_body .wm_card_email_bouerse,.wm_card_bouerse_buysell_input_body .wm_card_bouerse_buysell_input,.wm_card_guesscard_input_body .wm_card_email_guesscard{
	width: 180px;
}
.wm_card_email_body{
	text-align:center;
}
.wm_mycard_list{
	text-align:center;
	margin-top:10px;
}
.wm_getcard_img{
	width: 100%;
	border-radius: 5px;
}
.wm_card_chiose_title{
	    font-size: 22px;
    padding: 10px 0;
    line-height: 32px;
    text-align: center;
}
.wm_getcard_box{
	padding:5px;
	display:inline-block;
	text-align:center;
	width:20%;
}
.wm_getcard_box:hover .wm_getcard_img{
	filter: saturate(150%);
	-webkit-filter: saturate(150%);
    -moz-filter: saturate(150%);
    -o-filter: saturate(150%);
    -ms-filter: saturate(150%);
}
.wm_card_nums{
	font-size: 21px;
    padding: 5px;
    line-height: 36px;
    color: #254d6d!important;
}

input.wm_card_email:-webkit-autofill {
	background-color:#fff!important;
}
#wm_mylist_title{
	display:none;
}
.wm_user_info_table{
	width:100%;
}
.wm_user_info_table th,.wm_user_info_table td{
	border:1px solid #333;
	text-align:center;
	font-size:14px;
	padding:5px;
	width:33.33333%;
}
.wm_user_info_body{
	display:none;
}
.wm_cardGame_canvas{
	max-width:100%;
	vertical-align:middle;
	margin: auto;
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:1002;
}
.wm_card_game_body{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	text-align:center;
	z-index:1001;
	background:#000;
	display:none;
}
.wm_tiaozhan_body{
	padding:10px 0;
	text-align:center;
	display:none;
}
.wm_user_info_table{
	display:none;
}
.wm_tiaozhan_btn{
    background: #ff4c4c;
    color: #fff;
    text-align: center;
    width: 80px;
    height: 38px;
    line-height: 38px;
    border-radius: 5px;
    cursor: url(../icon/cur/pointer.cur),pointer;
	margin-top: 10px;
}
.wm_card_get_list_body{
	display: none;
}
.wm_card_get_list_item{
	position: relative;
	display: none;
}
.wm_card_get_list_avatar{
	position: absolute;
    margin-top: 0;
    border-radius: 25px;
    overflow: hidden;
}
.wm_card_get_list_comment{
	border-bottom: 0px;
    display: block;
    margin-left: 70px;
    position: relative;
    border-radius: 5px;
    text-decoration: none;
    padding: 12px 20px;
    background-color: #fff8e1;
	margin-bottom: 35px;
	line-height: 21px;
	font-size: 14px;
}
.wm_card_get_list_item:nth-child(1n+0) .wm_card_get_list_comment{
	background-color: #fff8e1;
}
.wm_card_get_list_item:nth-child(2n+0) .wm_card_get_list_comment{
	background-color: #fff0e6;
}
.wm_card_get_list_item:nth-child(3n+0) .wm_card_get_list_comment{
	background-color: #f7fdde;
}
.wm_card_get_list_item:nth-child(4n+0) .wm_card_get_list_comment{
	background-color: #f4f6fe;
}
.wm_card_get_list_item:nth-child(5n+0) .wm_card_get_list_comment{
	background-color: #fef4ff;
}
.wm_card_get_list_item:last-child .wm_card_get_list_comment{
	margin-bottom: 0px;
}
.wm_card_get_list_item:nth-child(5n+1) .wm_card_get_list_comment{
	background-color: #fff8e1;
}
.wm_card_get_list_item:nth-child(5n+2) .wm_card_get_list_comment{
	background-color: #fff0e6;
}
.wm_card_get_list_item:nth-child(5n+3) .wm_card_get_list_comment{
	background-color: #f7fdde;
}
.wm_card_get_list_item:nth-child(5n+4) .wm_card_get_list_comment{
	background-color: #f4f6fe;
}
.wm_card_get_list_item:nth-child(5n+5) .wm_card_get_list_comment{
	background-color: #fef4ff;
}
.wm_card_get_list_item:last-child .wm_card_get_list_comment{
	margin-bottom: 0px;
}
.wm_card_get_list_comment:before {
	content: " ";
    display: block;
    position: absolute;
    left: -18px;
    top: 18px;
    margin-top: -5px;
    border: 9px solid transparent;
    border-right: 9px solid #fff8e1;
}
.wm_card_get_list_item:nth-child(1n+0) .wm_card_get_list_comment:before{
	border-right-color: #fff8e1;
}
.wm_card_get_list_item:nth-child(2n+0) .wm_card_get_list_comment:before{
	border-right-color: #fff0e6;
}
.wm_card_get_list_item:nth-child(3n+0) .wm_card_get_list_comment:before{
	border-right-color: #f7fdde;
}
.wm_card_get_list_item:nth-child(4n+0) .wm_card_get_list_comment:before{
	border-right-color: #f4f6fe;
}
.wm_card_get_list_item:nth-child(5n+0) .wm_card_get_list_comment:before{
	border-right-color: #fef4ff;
}
.wm_card_get_list_item:nth-child(5n+1) .wm_card_get_list_comment:before{
	border-right-color: #fff8e1;
}
.wm_card_get_list_item:nth-child(5n+2) .wm_card_get_list_comment:before{
	border-right-color: #fff0e6;
}
.wm_card_get_list_item:nth-child(5n+3) .wm_card_get_list_comment:before{
	border-right-color: #f7fdde;
}
.wm_card_get_list_item:nth-child(5n+4) .wm_card_get_list_comment:before{
	border-right-color: #f4f6fe;
}
.wm_card_get_list_item:nth-child(5n+5) .wm_card_get_list_comment:before{
	border-right-color: #fef4ff;
}
.wm_card_get_list_item .wm_card_get_list_avatar .wm_card_get_list_avatar_pic{
	width: 45px;
	height: 45px;
	background: #f8f8f8;
	cursor: url(../icon/cur/pointer.cur),pointer;
}
.wm_card_get_list_body a.wm_card_get_list_card_link,.wm_card_get_list_body a.wm_getlist_link,.wm_card_get_list_body a.goto_wm_chiose_card{
	color: #ff5364;
	padding: 0 3px;
}
.wm_card_get_list_item_body{
	padding: 10px 5%;
}
.wm_cardmore_btn,.wm_get_list_more_btn,.wm_search_star_btn,.wm_mixcardmore_btn{
	background: #ff4c4c;
    color: #fff;
    text-align: center;
    width: 120px;
    height: 38px;
    line-height: 38px;
    border-radius: 5px;
	cursor: url(../icon/cur/pointer.cur),pointer;
	margin: 20px 0px;
	display: none;
}
.wm_cardmore_body,.wm_get_list_more_body,.wm_mixcardmore_body{
	text-align: center;
}
.cardList_body{
	display: inline-block;
	white-space: nowrap;
}
.selectcard{
	opacity: 1;
	transition: all 0.3s linear 0.4s;
	-webkit-transition: all 0.3s linear 0.4s;
	-moz-transition: all 0.3s linear 0.4s;
}
.no-selectedcard{
	opacity: 0.5;
}
.selectedcard .inner,.no-selectedcard .inner{
	cursor: url(../icon/cur/pointer.cur),pointer;
}
/* loading */
#wmCardLoading{
	display: none;
}
.jar_loading_content{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
}
.jar_loading {
	position: relative;
	z-index:1;
  }
  .jar_loading_body{
	color:#3e3e3e;
	padding: 0;
	margin: 0;
	text-align:center;
	position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.95);
    z-index: 9999;
  }
  .jar_loading_body *{
	  box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
  }
  .jar_loading_box{
	position:relative;
	width: 200px;
	margin: 0px auto;
	text-align: center;
	padding-top: 40px;
  }
  .jar_loading_bg{
	  background-image:url('');
	  background-position:bottom center;
	  background-repeat:no-repeat;
	  position:absolute;
	  left:0;
	  right:0;
	  top:0;
	  bottom:0;
	  z-index:2;
  }
  .jar_loading .bubble_loading {
	width: 10px;
	height: 10px;
	position: absolute;
	background-color: #35EEFB;
	opacity: 0.4;
	left: 92px;
	z-index: 8;
	top: 40px;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	-moz-animation: buble 2s linear 1s infinite;
	-webkit-animation: buble 2s linear 1s infinite;
	animation: buble 2s linear 1s infinite;
  }
  .jar_loading .bubble_loading + .bubble_loading {
	left: 90px;
	top: 42px;
	width: 15px;
	height: 15px;
	-moz-animation-duration: 3s;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
  }
  .jar_loading .base_loading {
	margin: auto;
	  width: 90px;
	  height: 72px;
	  -moz-border-radius: 50%;
	  -webkit-border-radius: 50%;
	  border-radius: 50%;
	  overflow: hidden;
	  position: relative;
	  z-index: 5;
	  border: 2px solid rgba(255,255,255,0);
  }
  .jar_loading .base_loading .bubble_loading {
	left: 15px;
	top: 40px;
	-moz-animation: bounce 2.3s linear 0s infinite alternate;
	-webkit-animation: bounce 2.3s linear 0s infinite alternate;
	animation: bounce 2.3s linear 0s infinite alternate;
  }
  .jar_loading .base_loading .bubble_loading + .bubble_loading {
	left: 64px;
	top: 40px;
	-moz-animation-duration: 3s;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
  }
  .jar_loading .liquid_loading {
	  height: 30px;
	  background-color: #35EEFB;
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  right: 0;
  }
  .jar_loading .wave_loading {
	width: 60px;
	height: 20px;
	position: absolute;
	background-color: #35EEFB;
	left: 0;
	top: 37px;
	-moz-animation: wave 1s linear infinite alternate;
	-webkit-animation: wave 1s linear infinite alternate;
	animation: wave 1s linear infinite alternate;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
  }
  .jar_loading .wave_loading + .wave_loading {
	left: auto;
	right: 0;
  }
  .jar_loading_text{
	  padding-top: 8px;
  }
  /* 重来 */
  .wm_restart_btn,.wm_restart_btn[disabled]{
		background: #ff4c4c;
    color: #fff;
    text-align: center;
    width: 90px;
    height: 38px;
    line-height: 38px;
    border-radius: 5px;
	cursor: url(../icon/cur/pointer.cur),pointer;
		margin:0 5px;
		opacity: 1;
		transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
	}
	.wm_restart_btn[disabled],.wm_get_list_more_btn[disabled]{
		opacity: 0.3;
		cursor: url(../icon/cur/default.cur),default;
	}
  .wm_card_restart_body{
	  text-align: center;
	  display: none;
	}
	/* 星星商店 */
	.wm_search_star_btn{
		display: inline-block;
		width: 56px;
		margin:0 5px;
	}
	.wm_star_count_body{
		font-size: 18px;
    line-height: 24px;
    text-align: center;
	}
	.wm_starshop_card_list{
		text-align: center;
		margin: 15px 0;
		overflow: hidden;
	}
	.wm_starshop_card_list_item{
		display: inline-block;
	}
	#wmStarshopBody .selectedcard{
		position: relative;
		z-index: 1;
	}
	.wm_starshop_rebuy_body{
		display: none;
	}
	#wmStarshopBody .selectedcard .wm_starshop_rebuy_body{
		position: absolute;
		z-index: 1;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background-color: rgba(0,0,0,0.5);
		box-sizing: border-box;
		padding-top: 90px;
	}
	#wmStarshopBody .selectedcard:hover .wm_starshop_rebuy_body{
		display: block;
	}
	.wm_card_starshop_input_body{
		display: none;
	}
	.wm_card_starshop_body{
		padding: 20px;
	}
	.wm_card_mailcheck,.wm_card_starshop_input_body,.wm_card_cardmix_input_body,.wm_card_bouerse_input_body,.wm_card_bouerse_buysell_input_body,.wm_card_guesscard_input_body{
		padding: 20px;
		text-align: center;
	}
	.wm_card_mailcheck{
		padding-bottom: 0px;
	}
	#wmMailCheckBody,#starshopBody{
		display: none;
	}
	#wmGetPassword{
		opacity: 1;
		transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
	}
	#wmGetPassword[disabled]{
		opacity: 0.3;
	}
	.wm_banner_body .swiper-container{
		width: 530px;
		max-width: 100%;
		border-radius: 10px;
		box-shadow: 0 0px 2px rgba(0,0,0,0.3);
	}
	.wm_banner_body .swiper-container .swiper-slide img{
		width: 100%;
		height: auto;
		cursor: url(../icon/cur/pointer.cur),pointer;
	}
	.wm_banner_body{
		margin: 20px 0;
	}
	.wm_banner_body .swiper-container-horizontal>.swiper-pagination-bullets, .wm_banner_body .swiper-pagination-custom, .swiper-pagination-fraction{
		bottom: 2px;
	}
	.wm_banner_body .swiper-pagination-bullet{
		width: 6px;
		height: 6px;
		border: 1px solid #fff;
	}
	.wm_starshop_card_list_type{
		border-top: 1px dashed #c8c8c8;
		padding: 5px 0px 15px 0px;
		font-weight: bold;
	}
	.selectcard.type_2 .inner .face{
		display: block;
	}
	/* 连抽 */
	.wm_card_chain_choise_body{
		text-align: center;
		max-width: 950px;
		padding: 20px 0;
		display: none;
	}
	/* 卡牌分解 */
	.wm_card_cardmix_cardlist_body{
		text-align: center;
		display: none;
		padding: 20px;
		max-width: 704px;
	}
	.wm_card_cardmix_input_body{
		display: none;
	}
	.wm_mix_card_img{
		display: none;
	}
	.wm_mix_card_img_item{
		padding: 5px;
    display: inline-block;
    text-align: center;
		width: 130px;
		height: 183px;
		cursor: url(../icon/cur/pointer.cur),pointer;
		opacity: 0.3;
	}
	.wm_mix_card_img_item.card_selected{
		opacity: 1;
		animation-name: wm_shake;
		animation-duration: 5s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
	}
	.wm_mix_card_img{
		width: 100%;
		height: 100%;
    border-radius: 5px;
	}
	.wm_card_cardmix_cardlist_title{
		padding-bottom: 20px;
	}
	.wm_card_cardmix_cardlist_title h3{
		font-size: 24px;
    line-height: 42px;
	}
	.wm_card_cardmix_cardlist_title p{
		font-size: 14px;
		line-height: 28px;
		padding: 0;
		margin: 0;
	}
	@media only screen and (min-width: 767px) {
    .layui-layer-page .layui-layer-content::-webkit-scrollbar-track-piece {
        background:#eee
    }

    .layui-layer-page .layui-layer-content::-webkit-scrollbar {
        width: 6px;
        height: 6px
    }

    .layui-layer-page .layui-layer-content::-webkit-scrollbar-thumb {
        height: 40px;
        border-radius: 4px;
        background-color: #A5A5A5
    }

    .layui-layer-page .layui-layer-content::-webkit-scrollbar-thumb:hover {
        background-color: #bbb
		}
	}
	/* 排行榜 */
	#wmCardRankBody{
		display: none;
	}
	.wm_card_rank_body .clearfix:before, 
	.wm_card_rank_body .clearfix:after { 
		display: table; 
		line-height: 0; 
		content: ""; 
	} 
	
	.wm_card_rank_body .clearfix:after { 
		clear: both; 
	}
	.wm_card_rank_body .fl{
		float: left;
	}
	.wm_card_rank_body .fr{
		float: right;
	}
	.wm_card_rank_last_updata{
		text-align: center;
		padding-bottom: 10px;
	}
	.wm_card_rank_item_box{
		width: 100%;
		text-align: center;
	}
	.wm_card_rank_box{
		height: 55px;
		padding: 5px;
		line-height: 45px;
		border-radius: 8px;
		box-sizing: border-box;
		margin: 10px 2%;
		min-width: 260px;
		background-image:repeating-linear-gradient(45deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.3)15px,transparent 0,transparent 30px);
		cursor: url(../icon/cur/pointer.cur),pointer;
		display: inline-block;
		width: 46%;
	}
	.wm_card_rank_body .swiper-container{
		width: 100%;
		max-width: 765px;
		padding-bottom: 40px;
		margin: 0 auto;
	}
	.wm_card_rank_body .swiper-pagination-bullet{
		border-radius: 0;
		width: 15px;
    height: 4px;
	}
	.wm_card_rank_body .swiper-pagination-bullet-active,.wm_banner_body .swiper-pagination-bullet-active{
		background: #ff6572;
	}
	.wm_card_rank_box:nth-child(1n+0){
		background-color: #fff8e1;
	}
	.wm_card_rank_box:nth-child(2n+0){
		background-color: #fff0e6;
	}
	.wm_card_rank_box:nth-child(3n+0){
		background-color: #f7fdde;
	}
	.wm_card_rank_box:nth-child(4n+0){
		background-color: #f4f6fe;
	}
	.wm_card_rank_box:nth-child(5n+0){
		background-color: #fef4ff;
	}
	.wm_card_rank_box:nth-child(5n+1){
		background-color: #fff8e1;
	}
	.wm_card_rank_box:nth-child(5n+2){
		background-color: #fff0e6;
	}
	.wm_card_rank_box:nth-child(5n+3){
		background-color: #f7fdde;
	}
	.wm_card_rank_box:nth-child(5n+4){
		background-color: #f4f6fe;
	}
	.wm_card_rank_box:nth-child(5n+5){
		background-color: #fef4ff;
	}
	.wm_card_rank_text{
		padding: 0 10px;
		font-size: 18px;
		width: 35px;
	}
	.wm_card_rank_img{
		border-radius: 50px;
    overflow: hidden;
		margin-right: 20px;
		background: #fff;
		height: 45px;
		width: 45px;
		margin-top: -4px;
    border: 4px solid #fff;
	}
	.wm_card_rank_img img{
		height: 45px;
		width: 45px;
		vertical-align:baseline;
	}
	.wm_card_rank_point{
		padding-right: 20px;
    font-size: 14px;
	}
	/* 详情头像 */
	.wm_title_info_avatar_pic{
		background-color: #f8f8f8;
    border-radius: 5px;
		margin-bottom: 5px;
		width: 45px!important;
		height: 45px!important;
	}
	/* 挖星星 */
	.wm_card_demining_body{
		overflow: auto;
		padding: 20px;
		text-align: center;
		display: none;
		box-sizing: border-box;
	}
	.wm_card_demining_table_box{
		max-width: calc(100vw - 40px);
		width: 530px;
		height: 532px;
		overflow: auto;
	}
	.wm_card_demining_table td{
		border: 1px solid #fff;
	}
	.wm_card_demining_table {
		border-collapse: collapse;
		border-spacing: 0;
		margin: 10px auto;
	}
	.wm_card_demining_table .wm_demining_item{
		width: 50px;
		height: 50px;
		text-align: center;
		line-height: 50px;
		cursor: url(../icon/demining/pickaxe.cur),pointer;
		background-color: #464646;
		background-size: cover;
		position: relative;
		z-index: 1;
		text-shadow:0px 0px 5px #000;
		font-size: 18px;
	}
	.wm_card_demining_table .wm_demining_item.selected{
		-webkit-animation-name: pikapika;
		-webkit-animation-duration: 1s;
		-webkit-animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: infinite;
		animation-name: pikapika;
		animation-duration: 1s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
	}
	.wm_card_demining_table .wm_demining_item.type_is_opened {
    	background-color: #a4a4a4;
		color: #fff;
		cursor: default;
		background-image: none!important;
		box-sizing: border-box;
		border:1px solid #727272;
	}
	img.wm_demining_img {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		opacity: 0.2;
		transition: all 0.3s linear 0.4s;
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
	}
	.wm_card_demining_table .wm_demining_item:hover img.wm_demining_img{
		opacity: 1;
	}
	.wm_card_demining_tip{
		padding-bottom: 10px;
	}
	.wm_card_demining_table .wm_demining_item.type_is_opened.is_wmdmstar{
		color: #ffc800;
	}
	/* 星星猜卡 */
	.wm_card_guesscard_body{
		max-width: 800px;
	}
	.wm_card_guesscard_title{
		text-align: center;
		font-size: 26px;
		font-weight: bold;
		padding: 5px 0;
	}
	.wm_card_guesscard_list_body{
		padding: 10px;
		text-align: center;
	}
	.wm_card_guesscard_list_body.selected .wm_card_guesscard_list_box{
		cursor: url(../icon/cur/default.cur),default;
	}
	.wm_card_guesscard_list_box{
		padding:5px;
		display: inline-block;
		cursor: url(../icon/cur/pointer.cur),pointer;
		opacity: 0.4;
	}
	.wm_card_guesscard_list_box.active{
		opacity: 1;
	}
	.wm_card_guesscard_list_box img{
		width: 120px;
		height: 168px;
	}
	.wm_card_guesscard_tip{
		text-align: center;
		padding: 10px 0 0 0;
	}
	/* 记住邮箱 */
	.wm_card_remember_body{
		text-align: center;
		margin-top: 8px;
	}
	.wm_card_remember_body.type_left{
		text-align: left;
	}
	.wm_card_remember_box{
		font-size: 14px;
		line-height: 18px;
		padding-left: 24px;
		background-image: url('../icon/checkboxstar.png');
		background-position: left center;
		background-repeat: no-repeat;
		background-size: contain;
		display: inline-block;
	}
	.wm_card_remember_box.active{
		background-image: url('../icon/checkboxstarchecked.png');
	}
	@media only screen and (max-width: 650px) {
		.wm_card_rank_box{
			width: 100%;
			margin: 10px 0;
		}
		.wm_card_rank_box:nth-child(even){
			display: none;
		}
	}
	/* 动态查看卡牌 */
	.wm_card_getlist_watch_card{
		max-width: 800px;
		box-sizing: border-box;
		text-align: center;
		padding: 20px 10px 10px 10px;
	}
	/* css动画 */
	 @-webkit-keyframes pikapika {
		0% {
			opacity: 1;
		}
		
		50% {
			opacity: 0.65;
		}
		100%{
			opacity: 1;
		}
  }
  
  @keyframes pikapika {
		0% {
			opacity: 1;
		}
		
		50% {
			opacity: 0.65;
		}
		100%{
			opacity: 1;
		}
  }
  
  @-webkit-keyframes fadeInDown {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, -100%, 0);
	  transform: translate3d(0, -100%, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
	}
  }
  
  @keyframes fadeInDown {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, -100%, 0);
	  transform: translate3d(0, -100%, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
	}
  }
  
  .fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
  }
  @-webkit-keyframes fadeOutDown {
	from {
	  opacity: 1;
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 100%, 0);
	  transform: translate3d(0, 100%, 0);
	}
  }
  
  @keyframes fadeOutDown {
	from {
	  opacity: 1;
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 100%, 0);
	  transform: translate3d(0, 100%, 0);
	}
  }
  
  .fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
  }
  .animated {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
  }
  @-moz-keyframes wave {
	from {
	  -moz-transform: translateX(100px);
	  transform: translateX(100px);
	}
	to {
	  -moz-transform: translateX(-100px);
	  transform: translateX(-100px);
	}
  }
  @-webkit-keyframes wave {
	from {
	  -webkit-transform: translateX(100px);
	  transform: translateX(100px);
	}
	to {
	  -webkit-transform: translateX(-100px);
	  transform: translateX(-100px);
	}
  }
  @keyframes wave {
	from {
	  -moz-transform: translateX(100px);
	  -ms-transform: translateX(100px);
	  -webkit-transform: translateX(100px);
	  transform: translateX(100px);
	}
	to {
	  -moz-transform: translateX(-100px);
	  -ms-transform: translateX(-100px);
	  -webkit-transform: translateX(-100px);
	  transform: translateX(-100px);
	}
  }
  @-moz-keyframes bounce {
	0% {
	  -moz-transform: translate(5px, 15px);
	  transform: translate(5px, 15px);
	}
	50% {
	  -moz-transform: translate(0, -15px);
	  transform: translate(0, -15px);
	}
	100% {
	  -moz-transform: translate(-5px, -31px);
	  transform: translate(-5px, -31px);
	  opacity: 1;
	}
  }
  @-webkit-keyframes bounce {
	0% {
	  -webkit-transform: translate(5px, 15px);
	  transform: translate(5px, 15px);
	}
	50% {
	  -webkit-transform: translate(0, -15px);
	  transform: translate(0, -15px);
	}
	100% {
	  -webkit-transform: translate(-5px, -31px);
	  transform: translate(-5px, -31px);
	  opacity: 1;
	}
  }
  @keyframes bounce {
	0% {
	  -moz-transform: translate(5px, 15px);
	  -ms-transform: translate(5px, 15px);
	  -webkit-transform: translate(5px, 15px);
	  transform: translate(5px, 15px);
	}
	50% {
	  -moz-transform: translate(0, -15px);
	  -ms-transform: translate(0, -15px);
	  -webkit-transform: translate(0, -15px);
	  transform: translate(0, -15px);
	}
	100% {
	  -moz-transform: translate(-5px, -31px);
	  -ms-transform: translate(-5px, -31px);
	  -webkit-transform: translate(-5px, -31px);
	  transform: translate(-5px, -31px);
	  opacity: 1;
	}
  }
  @-moz-keyframes buble {
	0% {
	  -moz-transform: translate(3px, 10px);
	  transform: translate(3px, 10px);
	}
	25% {
	  -moz-transform: translate(0, 0px);
	  transform: translate(0, 0px);
	}
	50% {
	  -moz-transform: translate(-1px, -25px);
	  transform: translate(-3px, -25px);
	}
	75% {
	  -moz-transform: translate(0, -50px);
	  transform: translate(0, -50px);
	  opacity: 1;
	}
	100% {
	  -moz-transform: translate(3px, -100px);
	  transform: translate(3px, -100px);
	  opacity: 0;
	}
  }
  @-webkit-keyframes buble {
	0% {
	  -webkit-transform: translate(3px, 10px);
	  transform: translate(3px, 10px);
	}
	25% {
	  -webkit-transform: translate(0, 0px);
	  transform: translate(0, 0px);
	}
	50% {
	  -webkit-transform: translate(-3px, -25px);
	  transform: translate(-3px, -25px);
	}
	75% {
	  -webkit-transform: translate(0, -50px);
	  transform: translate(0, -50px);
	  opacity: 1;
	}
	100% {
	  -moz-transform: translate(3px, -100px);
	  -ms-transform: translate(3px, -100px);
	  -webkit-transform: translate(3px, -100px);
	  transform: translate(3px, -100px);
	  opacity: 0;
	}
  }
  @keyframes buble {
	0% {
	  -moz-transform: translate(3px, 10px);
	  -ms-transform: translate(3px, 10px);
	  -webkit-transform: translate(3px, 10px);
	  transform: translate(3px, 10px);
	}
	25% {
	  -moz-transform: translate(0, 0px);
	  -ms-transform: translate(0, 0px);
	  -webkit-transform: translate(0, 0px);
	  transform: translate(0, 0px);
	}
	50% {
	  -moz-transform: translate(-1px, -25px);
	  -ms-transform: translate(-1px, -25px);
	  -webkit-transform: translate(-3px, -25px);
	  transform: translate(-3px, -25px);
	}
	75% {
	  -moz-transform: translate(0, -50px);
	  -ms-transform: translate(0, -50px);
	  -webkit-transform: translate(0, -50px);
	  transform: translate(0, -50px);
	  opacity: 1;
	}
	100% {
	  -moz-transform: translate(3px, -100px);
	  -ms-transform: translate(3px, -100px);
	  -webkit-transform: translate(3px, -100px);
	  transform: translate(3px, -100px);
	  opacity: 0;
	}
	}
/* 六星抖动 */
.wm_six_star_card_shake{
	animation-name: wm_shake;
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	display: inline-block;
}
@-webkit-keyframes wm_shake {
2% {
-webkit-transform:translateY(1.5px) rotate(1.5deg);
transform:translateY(1.5px) rotate(1.5deg)
}
4% {
-webkit-transform:translateY(-1.5px) rotate(-.5deg);
transform:translateY(-1.5px) rotate(-.5deg)
}
6% {
-webkit-transform:translateY(1.5px) rotate(-1.5deg);
transform:translateY(1.5px) rotate(-1.5deg)
}
8% {
-webkit-transform:translateY(-1.5px) rotate(-1.5deg);
transform:translateY(-1.5px) rotate(-1.5deg)
}
10% {
-webkit-transform:translateY(2.5px) rotate(1.5deg);
transform:translateY(2.5px) rotate(1.5deg)
}
12% {
-webkit-transform:translateY(-.5px) rotate(1.5deg);
transform:translateY(-.5px) rotate(1.5deg)
}
14% {
-webkit-transform:translateY(-1.5px) rotate(1.5deg);
transform:translateY(-1.5px) rotate(1.5deg)
}
16% {
-webkit-transform:translateY(-.5px) rotate(-1.5deg);
transform:translateY(-.5px) rotate(-1.5deg)
}
18% {
-webkit-transform:translateY(.5px) rotate(-1.5deg);
transform:translateY(.5px) rotate(-1.5deg)
}
20% {
-webkit-transform:translateY(-1.5px) rotate(2.5deg);
transform:translateY(-1.5px) rotate(2.5deg)
}
22% {
-webkit-transform:translateY(.5px) rotate(-1.5deg);
transform:translateY(.5px) rotate(-1.5deg)
}
24% {
-webkit-transform:translateY(1.5px) rotate(1.5deg);
transform:translateY(1.5px) rotate(1.5deg)
}
26% {
-webkit-transform:translateY(.5px) rotate(.5deg);
transform:translateY(.5px) rotate(.5deg)
}
28% {
-webkit-transform:translateY(.5px) rotate(1.5deg);
transform:translateY(.5px) rotate(1.5deg)
}
30% {
-webkit-transform:translateY(-.5px) rotate(2.5deg);
transform:translateY(-.5px) rotate(2.5deg)
}
32%, 34% {
-webkit-transform:translateY(1.5px) rotate(-.5deg);
transform:translateY(1.5px) rotate(-.5deg)
}
36% {
-webkit-transform:translateY(-1.5px) rotate(2.5deg);
transform:translateY(-1.5px) rotate(2.5deg)
}
38% {
-webkit-transform:translateY(1.5px) rotate(-1.5deg);
transform:translateY(1.5px) rotate(-1.5deg)
}
40% {
-webkit-transform:translateY(-.5px) rotate(2.5deg);
transform:translateY(-.5px) rotate(2.5deg)
}
42% {
-webkit-transform:translateY(2.5px) rotate(-1.5deg);
transform:translateY(2.5px) rotate(-1.5deg)
}
44% {
-webkit-transform:translateY(1.5px) rotate(.5deg);
transform:translateY(1.5px) rotate(.5deg)
}
46% {
-webkit-transform:translateY(-1.5px) rotate(2.5deg);
transform:translateY(-1.5px) rotate(2.5deg)
}
48% {
-webkit-transform:translateY(-.5px) rotate(.5deg);
transform:translateY(-.5px) rotate(.5deg)
}
50% {
-webkit-transform:translateY(.5px) rotate(.5deg);
transform:translateY(.5px) rotate(.5deg)
}
52% {
-webkit-transform:translateY(2.5px) rotate(2.5deg);
transform:translateY(2.5px) rotate(2.5deg)
}
54% {
-webkit-transform:translateY(-1.5px) rotate(1.5deg);
transform:translateY(-1.5px) rotate(1.5deg)
}
56% {
-webkit-transform:translateY(2.5px) rotate(2.5deg);
transform:translateY(2.5px) rotate(2.5deg)
}
58% {
-webkit-transform:translateY(.5px) rotate(2.5deg);
transform:translateY(.5px) rotate(2.5deg)
}
60% {
-webkit-transform:translateY(2.5px) rotate(2.5deg);
transform:translateY(2.5px) rotate(2.5deg)
}
62% {
-webkit-transform:translateY(-.5px) rotate(2.5deg);
transform:translateY(-.5px) rotate(2.5deg)
}
64% {
-webkit-transform:translateY(-.5px) rotate(1.5deg);
transform:translateY(-.5px) rotate(1.5deg)
}
66% {
-webkit-transform:translateY(1.5px) rotate(-.5deg);
transform:translateY(1.5px) rotate(-.5deg)
}
68% {
-webkit-transform:translateY(-1.5px) rotate(-.5deg);
transform:translateY(-1.5px) rotate(-.5deg)
}
70% {
-webkit-transform:translateY(1.5px) rotate(.5deg);
transform:translateY(1.5px) rotate(.5deg)
}
72% {
-webkit-transform:translateY(2.5px) rotate(1.5deg);
transform:translateY(2.5px) rotate(1.5deg)
}
74% {
-webkit-transform:translateY(-.5px) rotate(.5deg);
transform:translateY(-.5px) rotate(.5deg)
}
76% {
-webkit-transform:translateY(-.5px) rotate(2.5deg);
transform:translateY(-.5px) rotate(2.5deg)
}
78% {
-webkit-transform:translateY(-.5px) rotate(1.5deg);
transform:translateY(-.5px) rotate(1.5deg)
}
80% {
-webkit-transform:translateY(1.5px) rotate(1.5deg);
transform:translateY(1.5px) rotate(1.5deg)
}
82% {
-webkit-transform:translateY(-.5px) rotate(.5deg);
transform:translateY(-.5px) rotate(.5deg)
}
84% {
-webkit-transform:translateY(1.5px) rotate(2.5deg);
transform:translateY(1.5px) rotate(2.5deg)
}
86% {
-webkit-transform:translateY(-1.5px) rotate(-1.5deg);
transform:translateY(-1.5px) rotate(-1.5deg)
}
88% {
-webkit-transform:translateY(-.5px) rotate(2.5deg);
transform:translateY(-.5px) rotate(2.5deg)
}
90% {
-webkit-transform:translateY(2.5px) rotate(-.5deg);
transform:translateY(2.5px) rotate(-.5deg)
}
92% {
-webkit-transform:translateY(.5px) rotate(-.5deg);
transform:translateY(.5px) rotate(-.5deg)
}
94% {
-webkit-transform:translateY(2.5px) rotate(.5deg);
transform:translateY(2.5px) rotate(.5deg)
}
96% {
-webkit-transform:translateY(-.5px) rotate(1.5deg);
transform:translateY(-.5px) rotate(1.5deg)
}
98% {
-webkit-transform:translateY(-1.5px) rotate(-.5deg);
transform:translateY(-1.5px) rotate(-.5deg)
}
0%, to {
-webkit-transform:translate(0) rotate(0deg);
transform:translate(0) rotate(0deg)
}
}
@keyframes wm_shake {
2% {
-webkit-transform:translateY(1.5px) rotate(1.5deg);
transform:translateY(1.5px) rotate(1.5deg)
}
4% {
-webkit-transform:translateY(-1.5px) rotate(-.5deg);
transform:translateY(-1.5px) rotate(-.5deg)
}
6% {
-webkit-transform:translateY(1.5px) rotate(-1.5deg);
transform:translateY(1.5px) rotate(-1.5deg)
}
8% {
-webkit-transform:translateY(-1.5px) rotate(-1.5deg);
transform:translateY(-1.5px) rotate(-1.5deg)
}
10% {
-webkit-transform:translateY(2.5px) rotate(1.5deg);
transform:translateY(2.5px) rotate(1.5deg)
}
12% {
-webkit-transform:translateY(-.5px) rotate(1.5deg);
transform:translateY(-.5px) rotate(1.5deg)
}
14% {
-webkit-transform:translateY(-1.5px) rotate(1.5deg);
transform:translateY(-1.5px) rotate(1.5deg)
}
16% {
-webkit-transform:translateY(-.5px) rotate(-1.5deg);
transform:translateY(-.5px) rotate(-1.5deg)
}
18% {
-webkit-transform:translateY(.5px) rotate(-1.5deg);
transform:translateY(.5px) rotate(-1.5deg)
}
20% {
-webkit-transform:translateY(-1.5px) rotate(2.5deg);
transform:translateY(-1.5px) rotate(2.5deg)
}
22% {
-webkit-transform:translateY(.5px) rotate(-1.5deg);
transform:translateY(.5px) rotate(-1.5deg)
}
24% {
-webkit-transform:translateY(1.5px) rotate(1.5deg);
transform:translateY(1.5px) rotate(1.5deg)
}
26% {
-webkit-transform:translateY(.5px) rotate(.5deg);
transform:translateY(.5px) rotate(.5deg)
}
28% {
-webkit-transform:translateY(.5px) rotate(1.5deg);
transform:translateY(.5px) rotate(1.5deg)
}
30% {
-webkit-transform:translateY(-.5px) rotate(2.5deg);
transform:translateY(-.5px) rotate(2.5deg)
}
32%, 34% {
-webkit-transform:translateY(1.5px) rotate(-.5deg);
transform:translateY(1.5px) rotate(-.5deg)
}
36% {
-webkit-transform:translateY(-1.5px) rotate(2.5deg);
transform:translateY(-1.5px) rotate(2.5deg)
}
38% {
-webkit-transform:translateY(1.5px) rotate(-1.5deg);
transform:translateY(1.5px) rotate(-1.5deg)
}
40% {
-webkit-transform:translateY(-.5px) rotate(2.5deg);
transform:translateY(-.5px) rotate(2.5deg)
}
42% {
-webkit-transform:translateY(2.5px) rotate(-1.5deg);
transform:translateY(2.5px) rotate(-1.5deg)
}
44% {
-webkit-transform:translateY(1.5px) rotate(.5deg);
transform:translateY(1.5px) rotate(.5deg)
}
46% {
-webkit-transform:translateY(-1.5px) rotate(2.5deg);
transform:translateY(-1.5px) rotate(2.5deg)
}
48% {
-webkit-transform:translateY(-.5px) rotate(.5deg);
transform:translateY(-.5px) rotate(.5deg)
}
50% {
-webkit-transform:translateY(.5px) rotate(.5deg);
transform:translateY(.5px) rotate(.5deg)
}
52% {
-webkit-transform:translateY(2.5px) rotate(2.5deg);
transform:translateY(2.5px) rotate(2.5deg)
}
54% {
-webkit-transform:translateY(-1.5px) rotate(1.5deg);
transform:translateY(-1.5px) rotate(1.5deg)
}
56% {
-webkit-transform:translateY(2.5px) rotate(2.5deg);
transform:translateY(2.5px) rotate(2.5deg)
}
58% {
-webkit-transform:translateY(.5px) rotate(2.5deg);
transform:translateY(.5px) rotate(2.5deg)
}
60% {
-webkit-transform:translateY(2.5px) rotate(2.5deg);
transform:translateY(2.5px) rotate(2.5deg)
}
62% {
-webkit-transform:translateY(-.5px) rotate(2.5deg);
transform:translateY(-.5px) rotate(2.5deg)
}
64% {
-webkit-transform:translateY(-.5px) rotate(1.5deg);
transform:translateY(-.5px) rotate(1.5deg)
}
66% {
-webkit-transform:translateY(1.5px) rotate(-.5deg);
transform:translateY(1.5px) rotate(-.5deg)
}
68% {
-webkit-transform:translateY(-1.5px) rotate(-.5deg);
transform:translateY(-1.5px) rotate(-.5deg)
}
70% {
-webkit-transform:translateY(1.5px) rotate(.5deg);
transform:translateY(1.5px) rotate(.5deg)
}
72% {
-webkit-transform:translateY(2.5px) rotate(1.5deg);
transform:translateY(2.5px) rotate(1.5deg)
}
74% {
-webkit-transform:translateY(-.5px) rotate(.5deg);
transform:translateY(-.5px) rotate(.5deg)
}
76% {
-webkit-transform:translateY(-.5px) rotate(2.5deg);
transform:translateY(-.5px) rotate(2.5deg)
}
78% {
-webkit-transform:translateY(-.5px) rotate(1.5deg);
transform:translateY(-.5px) rotate(1.5deg)
}
80% {
-webkit-transform:translateY(1.5px) rotate(1.5deg);
transform:translateY(1.5px) rotate(1.5deg)
}
82% {
-webkit-transform:translateY(-.5px) rotate(.5deg);
transform:translateY(-.5px) rotate(.5deg)
}
84% {
-webkit-transform:translateY(1.5px) rotate(2.5deg);
transform:translateY(1.5px) rotate(2.5deg)
}
86% {
-webkit-transform:translateY(-1.5px) rotate(-1.5deg);
transform:translateY(-1.5px) rotate(-1.5deg)
}
88% {
-webkit-transform:translateY(-.5px) rotate(2.5deg);
transform:translateY(-.5px) rotate(2.5deg)
}
90% {
-webkit-transform:translateY(2.5px) rotate(-.5deg);
transform:translateY(2.5px) rotate(-.5deg)
}
92% {
-webkit-transform:translateY(.5px) rotate(-.5deg);
transform:translateY(.5px) rotate(-.5deg)
}
94% {
-webkit-transform:translateY(2.5px) rotate(.5deg);
transform:translateY(2.5px) rotate(.5deg)
}
96% {
-webkit-transform:translateY(-.5px) rotate(1.5deg);
transform:translateY(-.5px) rotate(1.5deg)
}
98% {
-webkit-transform:translateY(-1.5px) rotate(-.5deg);
transform:translateY(-1.5px) rotate(-.5deg)
}
0%, to {
-webkit-transform:translate(0) rotate(0deg);
transform:translate(0) rotate(0deg)
}
}
/* 股票 */
.wm_card_bouers_table{
	width: 100%;
	border-collapse: collapse;
    border-spacing: 0;
    margin: 10px auto;
}
.wm_card_bouers_table td,.wm_card_bouers_table th{
	text-align: center;
	padding: 5px;
	border: 1px solid #ccc;
}
.wm_card_bouers_table tr{
	cursor: url(../icon/cur/pointer.cur),pointer;
}
.wm_card_bouers_table tr:hover td{
	background-color: #f5f5f5;
}
.wm_card_bouers_table th{
	font-weight: bold;
	background-color: rgb(81, 181, 255);
    color: #fff;
}
.wm_card_bouers_table td.type_up{
	color: #ff4c4c;
}
.wm_card_bouers_table td.type_down{
	color: green;
}
.wm_card_bouerse_chart_body{
	width: 100vw;
	max-width: 500px;
	overflow: auto;
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
}
#wmBouerseChartBox{
	height: 400px;
}
#wmBouerseInputBody,#wmBouerseBody,#wmBouerseBuySellInputBody,#wmGuesscardInputBody,#wmGuessCardBody{
	display: none;
}
.wm_card_bouerse_body{
	width: 100vw;
	max-width: 500px;
	overflow: auto;
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
}
#wmBouerseChartBody{
	display: none;
}
.wm_card_bouerse_tip{
	padding: 10px 0;
}
.wm_card_bouerse_detail_img_box{
	height: 100px;
	text-align: center;
}
.wm_card_bouerse_detail_img_box .wm_card_bouerse_ico{
	width: 100px;
	height: 100px;
}
.wm_card_bouers_info_table{
	width: 100%;
    margin: 20px auto 0 auto;
}
.wm_card_bouers_info_table th,.wm_card_bouers_info_table td{
	padding: 8px;
    border: 1px solid #ccc;
	text-align: left;
}
.wm_card_bouers_info_table th{
	width: 72px;
    background-color: #e5e5e5;
}
.bouerse_should_star_body{
	padding-top: 10px;
    margin-bottom: -20px;
}
ul.wm_data_trans_list_ul{
	padding: 20px 20px 0 20px;
}
.wm_data_trans_list_ul li {
    margin-bottom: 10px;
    background-color: #ffe6e6;
    padding: 10px;
	border-radius: 10px;
}
.wm_data_trans_list_ul.type_news li {
	background-color: #f4f4f4;
}
.wm_data_trans_list_ul li.type_sell{
	background-color: #e3fdde;
}
.wm_bouerse_sell_tips{
	padding-bottom: 12px;
	margin-top: -10px;
}